<template>
  <div :class="">
    <slot name="title"></slot>
    <slot></slot>
    <slot name="footer"></slot>
  </div>
</template>
<script>
export default {
  name: "panel",
  props: {
    icon: {
      type: String,
    },
    title: {
      type: String,
    },
    region: {
      //方向
      type: String,
      validator(v) {
        return ["default", "top", "bottom", "left", "right"].indexOf(v) > -1;
      },
    },
    width: {
      type: [String, Number],
    },
    checked: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  components: {},
  methods: {},
};
</script>

<style lang="less">
</style>
